<?php 
    echo vlr_form_create();
        
?>
<div style="padding-left: 200px">
    <p>Botones</p>
        
    <?php 
        echo vlr_button_green();
        echo vlr_button_blue();
        echo vlr_button_reset();
    ?>
</div>

<br><br><br>
<div class="form">
<form action="#" id="validation">
<div style="width: 100%;padding: 10px">
<div class="row">
    <label>Input Normal:</label>												
</div><br>
    <?php echo vlr_input('inpu', 'inpu', '', 'texto de eejmplo', 'place holder')  ?>
</div>
    
    <div style="width: 100%;padding: 10px">
        <?php echo vlr_input_mail('inputss', 'id', 'od', 'hola', 'comoas') ?>
    </div>

<div style="width: 100%;padding: 10px">

  <?php echo vlr_input_lock('inpus', 'inpus', '', 'texto de eejmplo', 'place holder')  ?>
</div>

<div style="width: 300px;padding: 40px">
<div class="row">
    <label>Text area:</label>												
</div><br>
    <?php echo vlr_textarea('inpu', 'inpu', '', 'texto de eejmplo', 'place holder')  ?>
</div>
</form> 
</div>

    <div class="box onethird" style="width: 400px;padding-left: 100px">
        <div class="boxheading clearfix"><h3><img src="<?php echo base_url(); ?>img/icons/fatcow-hosting-icons/32x32/chess_horse.png" alt="">jQuery elements 2</h3><a class="move"></a></div>
		<section>
		<h4>DefauljQuery notifications</h4>

                <?php echo vlr_notificacion('This is a success message',4); ?>                                    

                <div class="clear">&nbsp;</div>
            </section>
    </div>s
    
<div style="padding-left: 100px;padding-top: 100px;width:800px">
    <div class="box threethirds">
                    <div class="boxheading clearfix"><h3>Regular table</h3><a class="move"></a></div>
                    <section>
                    <?php 
                        $columna[0] = 'food';
                        $columna[1] = 'auto';
                        $columna[2] = 'household';
                        $columna[3] = 'furniture';
                        $columna[4] = 'kitchen';
                        $columna[5] = 'bath';

                        $nombre[0] ="Mary";
                        $nombre[1] ="Tom";
                        $nombre[2] ="Brad";
                        $nombre[3] ="Kate";                                        


                        $valores[0][0] = '1';
                        $valores[0][1] = '2';
                        $valores[0][2] = '3';
                        $valores[0][3] = '4';
                        $valores[0][4] = '5';

                        $valores[1][0] = '1';
                        $valores[1][1] = '2';
                        $valores[1][2] = '3';
                        $valores[1][3] = '4';
                        $valores[1][4] = '5';

                        $valores[2][0] = '1';
                        $valores[2][1] = '2';
                        $valores[2][2] = '3';
                        $valores[2][3] = '4';
                        $valores[2][4] = '5';

                        $valores[3][0] = '1';
                        $valores[3][1] = '2';
                        $valores[3][2] = '3';
                        $valores[3][3] = '4';
                        $valores[3][4] = '5';                                      



                        echo vlr_table($columna,$valores,$nombre);
                    ?>                    
            </section>
        </div>
    </div>
 <div style="padding: 100px;width: 80%">
  <div class="box threethirds">
		<div class="boxheading clearfix"><h3>Dynamic table</h3><a class="move"></a></div>
		<section>
			<div class="dataTables_wrapper" id="tabled_wrapper">
    <?php 
        $col[0] = 'columna 1';
        $col[1] = 'columna 2';
        $col[2] = 'columna 3';
        $col[3] = 'columna 4';
        $col[4] = 'columna 5';
        
        $fil[0][1]='1';
        $fil[0][2]='2';
        $fil[0][3]='3';
        $fil[0][4]='4';
        $fil[0][5]='5';
        
        $fil[1][1]='5';
        $fil[1][2]='6';
        $fil[1][3]='7';
        $fil[1][4]='8';       
        $fil[1][5]='5';
        
        $fil[2][1]='9';
        $fil[2][2]='0';
        $fil[2][3]='0';
        $fil[2][4]='0';
        $fil[2][5]='5';
        
        echo vlr_table_editable($col,$fil);
    
    ?>   
       
            <div class="clear">&nbsp;</div>
            
        </section>
    </div>
</div>            
     

<div style="padding: 100px">
    
    <?php echo vlr_alert_simple();?>
    
  
</div>   
     
     <input type="text" class="datepicker hasDatepicker" id="dp1348438743931">
     
     
     <div>        
            <h4>Datepicker</h4>
              <input type="text" class="datepicker hasDatepicker" id="dp1348691629802">
     </div>
     
     <?php 
        $texto_parrafo = 'Queequeg," said I, when they had dragged me, the last man, to the deck, and I was still shaking myself in my jacket to fling off the water; "Queequeg, my fine friend, does this sort of thing often happen?" Without much emotion, though soaked through just like me, he gave me to understand that such things did often happen';
        echo vlr_layout('Titulo del Contenedor','Titulo del Parrafo');
        
     ?>
     <?php 
        
        $contenido_contedor = '"Queequeg," said I, when they had dragged me, the last man, to the deck, and I was still shaking myself in my jacket to fling off the water; "Queequeg, my fine friend, does this sort of thing often happen?" Without much emotion, though soaked through just like me, he gave me to understand that such things did often happen."Mr. Stubb," said I, turning to that worthy, who, buttoned up in his oil-jacket, was now calmly smoking his pipe in the rain; "Mr. Stubb, I think I have heard you say that of all whalemen you ever met, our chief mate, Mr. Starbuck, is by far the most careful and prudent. I suppose then, that going plump on a flying whale with your sail set in a foggy squall is the height of a whalemans discretion?';
        
        
        echo vlr_layout_one_column('All down Wellington Street people could',$contenido_contedor);
     
     ?>
     <?php 
        $titulo_drop_down = 'EL titulo del Dropdown';
        $datos[0] = 'elemento 1';
        $datos[1] = 'elemento 2';
        $datos[2] = 'elemento 3';
        $datos[3] = 'elemento 4';
        $datos[4] = 'elemento 5';
        $datos[5] = 'elemento 6';
        $datos[6] = 'elemento 7';
        $datos[7] = 'elemento 8';
        echo vlr_drop_down($titulo_drop_down, $datos)
     ?>
     <?php 
     
        $datos[0] = "Opcion 1";
        $datos[1] = "Opcion 2";
        $datos[2] = "Opcion 3";
        $datos[3] = "Opcion 4";
        $datos[4] = "Opcion 5";
        echo vlr_radio_button('Titulo Radio BUtton',$datos);
     
     ?>    
     <?php 
     
        echo vlr_checkbox('Este es el titulo');
     ?>
     <?php 
     
        echo vlr_upload('Titulo Subir Archivo');
     ?>
     
     <?php 
        echo vlr_multiselct();
     ?> 
     <?php 
        echo vlr_buton_gigantes('Textoo Gigante');
     ?>
     <?php 
     
        echo vlr_button2_textos('Titulo', 'texto debajo');
     ?>
     <a href="#" class="btn_icon textright mrb15"><img src="<?php echo base_url();?>img/icons/helloadminpack/16x16/06.png" alt="" width="16">
        <span class="l title">Hello admin!</span>
    </a>
     
    <?php 
    
        echo vlr_graficos();
    
    ?>     
     
     <?php 
        
        
       echo vlr_form_close();
     
     ?>
     
     
     <hr>
    <?php 
    
        echo vlr_breadcums();
    
    ?>     
     <hr>
     
     <script type="text/javascript">
         $.jGrowl("Hola Pato", {position: 'bottom-right'});
     </script>

	